<!DOCTYPE html>
<!-- saved from url=(0041)http://show.bailuyun.net/sjzs/index2.html -->
<html lang="en" style="font-size: 87.0455px;">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<title>实时数据</title>
		<link rel="stylesheet" href="./files/public.css">
		<link rel="stylesheet" href="./files/index1.css">
		<script src="./files/jquery.js"></script>
		<script>
			/*    $(function () {
        $('.myscroll').myScroll({
            speed: 60, //数值越大，速度越慢
            rowHeight: 38 //li的高度
        });
    });*/



			$(document).ready(function() {
				var whei = $(window).width()
				$("html").css({
					fontSize: whei / 6
				});
				$(window).resize(function() {
					var whei = $(window).width();
					$("html").css({
						fontSize: whei / 6
					})
				});
				// var t = setInterval("getinfo()", 10000);
				// getinfo()
			});

			function getinfo() {
				$.ajax({
					url: "https://www.firetigercloud.com/api/index/bigData",
					success: function(result) {
						let arr = result.data;
						let html1 = ""
						for (let key in arr.citynode) {
							if (arr.citynode.hasOwnProperty(key)) { // 确保属性是对象自身的而不是从原型链继承的
								// console.log(key, arr.citynode[key]);
								html1 += '<ul>';
								html1 += '<li><span>' + key + '：' + arr.citynode[key] + '</span></li>'
								html1 += '</ul>';

								// $('#top-list').append(html);
								document.getElementById('top-list').innerHTML = html1
							}
						}
						let html2 = ""
						html2 += '<ul>';
						let ii = 0;
						for (let i = 0; i < Object.keys(arr.noderank).length; i++) {
							for (let key in arr.noderank) {
								ii += 1
								html2 += '<li><div class="fontInner clearfix"><span><b>' + ii + '</b></span><span>' +
									key + '</span><span>' + arr.noderank[key][0] + '</span><span>' + arr.noderank[
										key][1] + '%</span></div></li>'
							}

						}
						html2 += '</ul>';
						// console.log(html2);
						document.getElementById('FontScroll').innerHTML = html2
						$('#yzd').empty().text(arr.totalnum)
						$('#tvbox').empty().text(arr.boxnum)
						$('#x86').empty().text(arr.x86num)
					}
				});
			}
		</script>
	</head>

	<body>
		<div class="main">
			<div class="bg"></div>
			<div class="center">
				<div class="center-cen fl">

					<div class="cen-bottom rightTop border">
						<!-- <div class="title">地区销售数据</div> -->
						<div class="bottom-b">
							<div id="chart_1" class="allnav" _echarts_instance_="ec_1681281341585"
								style="-webkit-tap-highlight-color: transparent; user-select: none;">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="./files/echarts.min.js"></script>
		<script src="./files/china.js"></script>
		<script src="./files/index2.js"></script>


	</body>
</html>